﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Src="theme.ascx" TagName="theme" TagPrefix="thm" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Home</title>
    <style type="text/css">
        .footer-items
        {
            width: 45%; /*border: 2px solid black;*/
            display: inline-block;
            color: #3c676f;
            padding: 20px;
        }
        .footer-items h5
        {
            margin-left: 50px;
            margin-top: 0px;
            font-weight: bold;
            font-size: large;
        }
        .footer-items ul
        {
            width: 100%;
            list-style-type: none;
        }
        .footer-items ul li
        {
            margin-left: 10px;
            margin-right: 10px;
            float: left;
        }
        .footer-items ul li a 
        {
        	color:inherit;
            text-decoration:none;	
        }
        .footer-items ul li a:hover 
        {
            text-decoration:underline;	
        }
        
        .reason
        {
            color: Gray;
            width: 90%;
            /*width: 48%;
            display: inline-block;*/
            font-family: "wf_SegoeUILight" , "wf_SegoeUI" , "Tahoma" , "Verdana" , "Arial" , "sans-serif";
            font-size: 15px;
        }
        .wrapper
        {
            color: Black;
        }
        .title
        {
            font-family: "wf_SegoeUILight" , "wf_SegoeUI" , "Tahoma" , "Verdana" , "Arial" , "sans-serif";
            font-weight: normal;
            font-size: 35px;
            margin-left: 10px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div class="headerbar">
        <thm:theme ID="th" runat="server" />
        <a href="EmpRegistracion.aspx" icon="suitcase">Empresas</a> <a href="UsrRegistracion.aspx"
            icon="person">Usuarios</a> <a href="login.aspx" icon="key">Iniciar sesión</a>
        <hr />
    </div>
    <div>
        <div class="wrapper ui-corner-all b_cent" style="background-color: white; width: 90%;">
            <table>
                <tr>
                    <td>
                        <div style="margin-left: 20px;">
                            <h2 class="title">
                                ¡Bienvenido a Hidden Code 2.0!</h2>
                            <h4 class="sub-title">
                            </h4>
                            <table>
                                <tr>
                                    <td  valign="top">
                                        <div class="reason reason-1">
                                            <div class="featured-image">
                                                <img src="static/top1-qrcode.png" alt="QR code picture" title="Create your QR codes for free"
                                                    width="80%" class="alignnone size-full wp-image-945"></div>
                                            <h3 class="reason-title">
                                                Creá tu QR en segundos...</h3>
                                            <div class="text-body">
                                                <p>
                                                    Un QR es rápido y divertido de usar, además es más fácil para compartir las cosas
                                                    que más te gustan.</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td  valign="top">
                                        <div class="reason reason-2">
                                            <div class="featured-image">
                                                <img src="static/top2-qrcode.png" alt="QR code with statistics" title="QR code with statistics"
                                                    width="80%" class="alignnone size-full wp-image-947"></div>
                                            <h3 class="reason-title">
                                                ¡Seguí tu progreso!</h3>
                                            <div class="text-body">
                                                <p>
                                                    El sistema provee distintas metricas que indican como evoluciona tu situación, volviendolo
                                                    esencial para tu negocio.</p>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                                <tr>
                                    <td  valign="top">
                                        <div class="reason reason-5">
                                            <div class="featured-image">
                                                <img src="static/top5-qrcode1.jpg" alt="Mobile landing page creator free" title="Mobile landing page creator free"
                                                    width="80%" class="alignnone size-full wp-image-956"></div>
                                            <h3 class="reason-title">
                                                Usalo donde quieras...</h3>
                                            <div class="text-body">
                                                <p>
                                                    Podés usar el sistema en tu celular, para acceder a tus cosas desde cualquiera de
                                                    los sistemas operativos más utilizados</p>
                                            </div>
                                        </div>
                                    </td>
                                    <td  valign="top">
                                        <div class="reason reason-6">
                                            <div class="featured-image">
                                                <img src="static/top6-qrcode.png" alt="Download QR code in vector EPS and PDF formats"
                                                    title="Download QR code in vector EPS and PDF formats" width="80%" class="alignnone size-full wp-image-958"></div>
                                            <h3 class="reason-title">
                                                Publicalo donde quieras</h3>
                                            <div class="text-body">
                                                <p>
                                                    Podes publicarlo tu código QR en tu local, en Facebook, o en el lugar que prefieras.
                                                    Haz que tu QR sea el más visto!!</p>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </td>
                    <td>
                        <div class="prezi-player" style="display: inline-block; width: 420px;">
                            <div id="pEmbed">
                                <div id="flashContainer" class="under">
                                    <iframe src="http://prezi.com/embed/ijefcqzcv1dg/?internal=1&bgcolor=ffffff&lock_to_path=0&autoplay=yes&autohide_ctrls=0&wmode="
                                        width="400" height="400" frameborder="0"></iframe>
                                </div>
                            </div>
                        </div>
                        <div style="width:100px; margin-left:auto; margin-right: auto; height: 100%; margin-bottom: 10px; margin-top: 20px;">
                  
                            <a href="http://www.facebook.com/hidden.code.2.0" class="nui" rel="nofollow" title="Facebook" style="text-decoration:none" target="_blank"><img src="http://cdn1.iconfinder.com/data/icons/web2/Icons/FaceBook_48x48.png"></a>
                            <a href="http://www.twitter.com/hidden_code_2_0" class="nui" rel="nofollow" title="Twitter" style="text-decoration:none" target="_blank"><img src="http://cdn1.iconfinder.com/data/icons/web2/Icons/Twitter_48x48.png"></a>
                        </div>
                    </td>
                </tr>
            </table>
        </div>
    <div style="background-color: #b9d7dc; margin-top: 20px; padding-top: 10px; padding-bottom: 10px;">
        <div class="footer-items" style="border-right-style: ridge; border-right-width: 2px;">
            <h5>
                Hidden Code 2.0
            </h5>
            <ul>
                <li><a class="nui" href="static/ayuda.doc">Ayuda</a></li>
                <li><a class="nui" href="info.aspx#hiddencode">¿Qué es Hidden Code?</a></li>
                <li><a class="nui" href="info.aspx#privacidad">Política de Privacidad</a></li>
                <li><a class="nui" href="info.aspx#terminos">Términos de Servicio</a></li>
            </ul>
        </div>
        <div class="footer-items">
            <h5>
                Underground Systems
            </h5>
            <ul>
                <li><a class="nui" href="info.aspx#nosotros">Sobre nosotros</a></li>
                <li><a class="nui" href="info.aspx#mision">Nuestra Misión</a></li>
                <li><a class="nui" href="mailto:hiddencode.2.0@gmail.com?subject='Contacto con Hidden Code'">Contáctenos </li>
            </ul>
        </div>
    </div>
    </div>
    </form>
</body>
</html>
